<style>
    .fa-fw{
        margin-left: 20px;
    }
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }

    .liouter {
        width: 100%;
        display: inline-block;
        padding: 8px 0;
        border-radius: 4px;
        border: 1px solid rgb(211, 220, 235);
    }

    .ptouter {
        float: left;
    }

    .mul-small-outer {
        float: left;
        margin-left: 8px;
    }

    .pt-img {
        float: left;
        margin-left: 8px;
    }

    .split {
        float: left;
        height: 20px;
        border-left: 1px solid #ddd;
        margin-top: 7px;
        margin-left: 8px;
    }
</style>
<div id="content-container" class="container">
    <div class="row">
        <!-- <div class="col-md-3">
            {include file="common/sidenav" /}
        </div> -->
        <div class="col-md-12">
            <div class=" panel-default ">
                <div class="panel-body">
                    <h2 class="page-header">
                        <i class="fa fa-laptop fa-fw"></i> {:__('链路质量')}
                        
                    </h2>                                        
                    <div class="row">                    
                        <div class="col-md-12 col-sm-9 col-xs-10">
                            <!-- Content -->
                            <div class="ui-content">
                                
                                <!-- Success -->
                                <div class="basicinfo">                                    
                                    <!-- 流量趋势图 -->
                                    <!-- 下行 -->
                                    <div class="row">
                                       <div class="col-md-12">
                                           
                                                <!-- <div style="float: right;">
                                                    <input type="text" style="height: 24px" name="starttime_ping" placeholder="开始时间">
                                                    <input type="text" style="height: 24px" name="endtime_ping" placeholder="结束时间">
                                                    <select name="gradename_ping" style="height: 24px">
                                                        <option value="-1">粒度</option>
                                                        <option value="5分钟">5分钟</option>
                                                        <option value="半小时">半小时</option>
                                                        <option value="1小时">1小时</option>
                                                        <option value="4小时">4小时</option>
                                                    </select>
                                                </div> -->
                                            <div id="basedlink" style="height:400px;">
                                            </div>
                                       </div> 
                                    </div>
                                    <hr>
                                    <div class="row">
                                       <div class="col-md-12">
                                                <!-- <div style="float: right;">
                                                    <input type="text" style="height: 24px" name="starttime_filedownload" placeholder="开始时间">
                                                    <input type="text" style="height: 24px" name="endtime_filedownload" placeholder="结束时间">
                                                    <select name="gradename_filedownload" style="height: 24px">
                                                        <option value="-1">粒度</option>
                                                        <option value="5分钟">5分钟</option>
                                                        <option value="半小时">半小时</option>
                                                        <option value="1小时">1小时</option>
                                                        <option value="4小时">4小时</option>
                                                    </select>
                                                </div> -->
                                            <div id="filedownload" style="height:400px;">
                                            </div>

                                       </div> 
                                    </div>
                                    <hr>
                                    <div class="row">
                                       <div class="col-md-12">
                                                <!-- <div style="float: right;">
                                                    <input type="text" style="height: 24px" name="starttime_webpage" placeholder="开始时间">
                                                    <input type="text" style="height: 24px" name="endtime_webpage" placeholder="结束时间">
                                                    <select name="gradename_webpage" style="height: 24px">
                                                        <option value="-1">粒度</option>
                                                        <option value="5分钟">5分钟</option>
                                                        <option value="半小时">半小时</option>
                                                        <option value="1小时">1小时</option>
                                                        <option value="4小时">4小时</option>
                                                    </select>
                                                </div> -->
                                            <div id="webpage" style="height:400px;">
                                            </div>
                                       </div> 
                                    </div>
                                    <hr>
                                    <div class="row">
                                       <div class="col-md-12">
                                                <!-- <div style="float: right;">
                                                    <input type="text" style="height: 24px" name="starttime_webpage" placeholder="开始时间">
                                                    <input type="text" style="height: 24px" name="endtime_webpage" placeholder="结束时间">
                                                    <select name="gradename_webpage" style="height: 24px">
                                                        <option value="-1">粒度</option>
                                                        <option value="5分钟">5分钟</option>
                                                        <option value="半小时">半小时</option>
                                                        <option value="1小时">1小时</option>
                                                        <option value="4小时">4小时</option>
                                                    </select>
                                                </div> -->
                                            <div id="video" style="height:400px;">
                                            </div>
                                       </div> 
                                    </div>
                                    <hr>
                                    <div class="row">
                                       <div class="col-md-12">
                                                <!-- <div style="float: right;">
                                                    <input type="text" style="height: 24px" name="starttime_webpage" placeholder="开始时间">
                                                    <input type="text" style="height: 24px" name="endtime_webpage" placeholder="结束时间">
                                                    <select name="gradename_webpage" style="height: 24px">
                                                        <option value="-1">粒度</option>
                                                        <option value="5分钟">5分钟</option>
                                                        <option value="半小时">半小时</option>
                                                        <option value="1小时">1小时</option>
                                                        <option value="4小时">4小时</option>
                                                    </select>
                                                </div> -->
                                            <div id="game" style="height:400px;">
                                            </div>
                                       </div> 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>